<template>
  <transition name="fade">
    <div v-if="!closed" :class="wrapClasses">
      <span :class="iconClasses" v-if="showIcon">
        <slot name="icon">
          <aty-icon :type="iconType" />
        </slot>
      </span>
      <span :class="messageClasses"><slot></slot></span>
      <span :class="descClasses"><slot name="desc"></slot></span>
      <a :class="closeClasses" v-if="closable" @click="close">
        <slot name="close">
          <aty-icon type="ios-close-empty" />
        </slot>
      </a>
    </div>
  </transition>
</template>
<script type="text/ecmascript-6"  src="./index.js"></script>
